<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>移动端</title>
    <link rel="stylesheet/less" href="css/reset.less">
    <link rel="stylesheet/less" href="css/index.less">
</head>

<body>
    <header>
        <div class="search">
            <img src="images/search.png" alt="">
            <input type="text" placeholder="搜索内容">
        </div>
    </header>

    <div class="mmm">
        <div class="one">
            <div class="bigbox">
                <div class="list">
                    <ul>
                        <li><img src="images/cate_1.png" alt="">美食</li>
                        <li><img src="images/icon_coffee_coloured.png" alt="">甜点</li>
                        <li><img src="images/icon_doughnut_colour.png" alt="">牛奶</li>
                        <li><img src="images/icon_juice_coloured.png" alt="">蔬菜</li>
                        <li><img src="images/icon_lobster_coloure.png" alt="">茶</li>
                        <li><img src="images/icon_milk_coloured.png" alt="">快餐</li>
                        <li><img src="images/icon_salad_coloured.png" alt="">饮料</li>
                        <li><img src="images/icon_burger_coloured.png" alt="">海鲜</li>
                    </ul>
                </div>

                <div class="banner">
                    <img src="images/banner.png" alt="">
                    <div class="food">
                        <div class="left">美食</div>
                        <a class="right" href="#">更多 >></a>
                    </div>
                    <ul>
                        <li>
                            <img src="images/list_1.png" alt="">
                            <h4>美味蔬菜拼盘</h4>
                            <h5>￥ 288</h5>
                            <p>3524已买</p>
                        </li>
                        <li>
                            <img src="images/图层 3.png" alt="">
                            <h4>美味蔬菜拼盘</h4>
                            <h5>￥ 288</h5>
                            <p>3524已买</p>
                        </li>
                        <li>
                            <img src="images/图层 3.png" alt="">
                            <h4>美味蔬菜拼盘</h4>
                            <h5>￥ 288</h5>
                            <p>3524已买</p>
                        </li>
                        <li>
                            <img src="images/list_1.png" alt="">
                            <h4>美味蔬菜拼盘</h4>
                            <h5>￥ 288</h5>
                            <p>3524已买</p>
                        </li>
                        <li>
                            <img src="images/list_1.png" alt="">
                            <h4>美味蔬菜拼盘</h4>
                            <h5>￥ 288</h5>
                            <p>3524已买</p>
                        </li>
                        <li>
                            <img src="images/图层 3.png" alt="">
                            <h4>美味蔬菜拼盘</h4>
                            <h5>￥ 288</h5>
                            <p>3524已买</p>
                        </li>
                    </ul>
                </div>
            </div>

        </div>

        <div class="two">
            <ul>
                <li>
                    <div class="lbox">
                        <img src="images/list_1.png" alt="">
                    </div>

                    <div class="rbox">

                        <h2>包子的美食店铺</h2>
                        <div class="meishi">
                            <div class="left"><img src="images/meishi.png" alt="">美食</div>

                            <div class="right"><img src="images/矩形 2.png" alt="">2.2km</div>
                        </div>
                        <div class="qisong">
                            <div class="left">起送价￥15元</div>
                            <div class="right"><span>月售</span>454521</div>
                        </div>
                        <p class="pei">配送费￥2元</p>
                        <div class="bu">
                            <div class="lbo">优惠卷满20减10元</div>
                            <div class="rbo">优惠卷满30减15元</div>
                        </div>
                    </div>

                </li>
                <li>
                    <div class="lbox">
                        <img src="images/l2.png" alt="">
                    </div>

                    <div class="rbox">

                        <h2>包子的美食店铺</h2>
                        <div class="meishi">
                            <div class="left"><img src="images/meishi.png" alt="">美食</div>

                            <div class="right"><img src="images/矩形 2.png" alt="">2.2km</div>
                        </div>
                        <div class="qisong">
                            <div class="left">起送价￥15元</div>
                            <div class="right"><span>月售</span>454521</div>
                        </div>
                        <p class="pei">配送费￥2元</p>
                        <div class="bu">
                            <div class="lbo">优惠卷满20减10元</div>
                            <div class="rbo">优惠卷满30减15元</div>
                        </div>
                    </div>

                </li>
                <li>
                    <div class="lbox">
                        <img src="images/list_1.png" alt="">
                    </div>

                    <div class="rbox">

                        <h2>包子的美食店铺</h2>
                        <div class="meishi">
                            <div class="left"><img src="images/meishi.png" alt="">美食</div>

                            <div class="right"><img src="images/矩形 2.png" alt="">2.2km</div>
                        </div>
                        <div class="qisong">
                            <div class="left">起送价￥15元</div>
                            <div class="right"><span>月售</span>454521</div>
                        </div>
                        <p class="pei">配送费￥2元</p>
                        <div class="bu">
                            <div class="lbo">优惠卷满20减10元</div>
                            <div class="rbo">优惠卷满30减15元</div>
                        </div>
                    </div>

                </li>
                <li>
                    <div class="lbox">
                        <img src="images/l2.png" alt="">
                    </div>

                    <div class="rbox">

                        <h2>包子的美食店铺</h2>
                        <div class="meishi">
                            <div class="left"><img src="images/meishi.png" alt="">美食</div>

                            <div class="right"><img src="images/矩形 2.png" alt="">2.2km</div>
                        </div>
                        <div class="qisong">
                            <div class="left">起送价￥15元</div>
                            <div class="right"><span>月售</span>454521</div>
                        </div>
                        <p class="pei">配送费￥2元</p>
                        <div class="bu">
                            <div class="lbo">优惠卷满20减10元</div>
                            <div class="rbo">优惠卷满30减15元</div>
                        </div>
                    </div>

                </li>
                <li>
                    <div class="lbox">
                        <img src="images/l2.png" alt="">
                    </div>

                    <div class="rbox">

                        <h2>包子的美食店铺</h2>
                        <div class="meishi">
                            <div class="left"><img src="images/meishi.png" alt="">美食</div>

                            <div class="right"><img src="images/矩形 2.png" alt="">2.2km</div>
                        </div>
                        <div class="qisong">
                            <div class="left">起送价￥15元</div>
                            <div class="right"><span>月售</span>454521</div>
                        </div>
                        <p class="pei">配送费￥2元</p>
                        <div class="bu">
                            <div class="lbo">优惠卷满20减10元</div>
                            <div class="rbo">优惠卷满30减15元</div>
                        </div>
                    </div>

                </li>
                <li>
                    <div class="lbox">
                        <img src="images/l2.png" alt="">
                    </div>

                    <div class="rbox">

                        <h2>包子的美食店铺</h2>
                        <div class="meishi">
                            <div class="left"><img src="images/meishi.png" alt="">美食</div>

                            <div class="right"><img src="images/矩形 2.png" alt="">2.2km</div>
                        </div>
                        <div class="qisong">
                            <div class="left">起送价￥15元</div>
                            <div class="right"><span>月售</span>454521</div>
                        </div>
                        <p class="pei">配送费￥2元</p>
                        <div class="bu">
                            <div class="lbo">优惠卷满20减10元</div>
                            <div class="rbo">优惠卷满30减15元</div>
                        </div>
                    </div>

                </li>
                <li>
                    <div class="lbox">
                        <img src="images/l2.png" alt="">
                    </div>

                    <div class="rbox">

                        <h2>包子的美食店铺</h2>
                        <div class="meishi">
                            <div class="left"><img src="images/meishi.png" alt="">美食</div>

                            <div class="right"><img src="images/矩形 2.png" alt="">2.2km</div>
                        </div>
                        <div class="qisong">
                            <div class="left">起送价￥15元</div>
                            <div class="right"><span>月售</span>454521</div>
                        </div>
                        <p class="pei">配送费￥2元</p>
                        <div class="bu">
                            <div class="lbo">优惠卷满20减10元</div>
                            <div class="rbo">优惠卷满30减15元</div>
                        </div>
                    </div>

                </li>
                <li>
                    <div class="lbox">
                        <img src="images/l2.png" alt="">
                    </div>

                    <div class="rbox">

                        <h2>包子的美食店铺</h2>
                        <div class="meishi">
                            <div class="left"><img src="images/meishi.png" alt="">美食</div>

                            <div class="right"><img src="images/矩形 2.png" alt="">2.2km</div>
                        </div>
                        <div class="qisong">
                            <div class="left">起送价￥15元</div>
                            <div class="right"><span>月售</span>454521</div>
                        </div>
                        <p class="pei">配送费￥2元</p>
                        <div class="bu">
                            <div class="lbo">优惠卷满20减10元</div>
                            <div class="rbo">优惠卷满30减15元</div>
                        </div>
                    </div>

                </li>


            </ul>
        </div>

        <div class="three"></div>

        <div class="four"></div>
    </div>

    <div class="bottom">
        <ul>
            <li><img src="images/home.png" alt="">
                主页
            </li>
            <li><img src="images/MMOrder 主页icon2-1.png" alt="">
                店铺
            </li>
            <li><img src="images/MMOrder 主页icon3-1.png" alt="">
                订单
            </li>
            <li><img src="images/MMOrder 主页icon4-1.png" alt="">
                我的
            </li>
        </ul>
    </div>




</body>

</html>
<!-- 自动计算html的字体大小 -->
<script src="js/common.js"></script>

<!-- less -->
<script src="js/less.js"></script>

<script src="js/index.js"></script>